.conditional-config_cascader-popover {
  .el-cascader-node__label {
    .item {
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .el-cascader-node:not(.el-cascader-node:nth-child(1), .el-cascader-node:nth-child(2)):has(.item-overflow):hover .item-overflow::before {
    content: attr(title);
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    background: #333;
    color: #fff;
    border-radius: 5px;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    padding: 8px 5px;
    white-space: normal;
    text-align: center;
    min-width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .el-cascader-node:not(.el-cascader-node:nth-child(1), .el-cascader-node:nth-child(2)):has(.item-overflow):hover .item-overflow::after {
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-top-color: #333;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
  }

  .el-cascader-node:nth-child(1):has(.item-overflow):hover .item-overflow::before,
  .el-cascader-node:nth-child(2):has(.item-overflow):hover .item-overflow::before {
    content: attr(title);
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    background: #333;
    color: #fff;
    border-radius: 5px;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    padding: 8px 5px;
    white-space: normal;
    text-align: center;
    min-width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .el-cascader-node:nth-child(1):has(.item-overflow):hover .item-overflow::after,
  .el-cascader-node:nth-child(2):has(.item-overflow):hover .item-overflow::after {
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-bottom-color: #333;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
  }
}
